@media only screen and (max-width: 1440px){

}
@media screen and (max-width:1024px){
/**
	平板开始
**/	

/**
	平板结束
**/	
}



@media only screen and (max-width:640px){
/**********
	手机开始
**************/	
body { background:#f2f2f2; margin-top:1.5rem;}
.ismobile{display:block!important}
.ispc{display:none!important}
.ispad{display:none!important}


.header { width:100%; height:1.2rem; overflow:visible; background:#fff; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); position:fixed; left:0; top:0; z-index:9;}
.header .logo { margin:0.10rem; height:1rem; float:left;}
.header .logo img { height:100%;}
.header .lang_switch { position:absolute; top:32%; right:18%; font-size:0.24rem; line-height:0.60rem;}
.header .lang_switch a { display:inline-block; height:0.60rem; line-height:0.60rem; padding:0 0.10rem; border-radius:3px;}
.header .lang_switch a.hover { color:#fff; background:#db0514; font-weight:bold;}
.header .mobile_menu_icon { width:36px; height:36px; background:url(../images/mobile_menu_icon.png) no-repeat; position:absolute; right:10px; top:50%; margin-top:-18px;}
.bannerBox { margin-top:0.20px;}

/*关于我们*/
.aboutbox_bg { height:auto; min-height:auto; overflow:hidden; background:url(../images/about_bg.jpg) top right no-repeat; background-size:100% auto;}
.aboutbox { max-width:1200px; min-width:320px; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.aboutbox dt { margin-top:16px; text-align:center;}
.aboutbox dt .tit { font-size:0.32rem; line-height:0.60rem; height:0.60rem; margin-left:0; position:relative; display:inline-block;}
.aboutbox dt .tit:after { content:''; background:#6db025; width:100%; height:2px; left:0; bottom:0; position:absolute;}
.aboutbox dt .tit1 { font-size:0.24rem; line-height:0.40rem; margin-left:0; text-transform:uppercase; color:#000;}
.aboutbox dt .line { display:none;}
.aboutbox dd .des { color:#36363; font-size:0.14rem; line-height:0.24rem; text-align:center;}
.aboutbox dd { width:100%; height:auto; overflow:hidden; position:relative;}
.aboutbox dd .about_box { padding-right:0;}
.aboutbox dd .pic { width:100%; height:500px; overflow:hidden; display:block; float:left; margin:0;}
.aboutbox dd .videobox { width:auto; max-width:100%; height:auto; overflow:hidden; display:block; float:none; margin:0 10px;}
.aboutbox dd .about { width:auto; height:auto; overflow:hidden; float:inherit; margin:0; padding:10px;}
.aboutbox dd .about .text { width:100%; height:1.50rem; margin-top:0; line-height:0.50rem; color:#666666; font-size:0.24rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-align:center;}
.aboutbox dd .about .tit { display:none;}
.aboutbox dd .about .more { width:100px; height:0.40rem; margin:0 auto; line-height:0.40rem; display:block; text-align:center; color:#000; font-size:0.24rem; margin-top:0.24rem; border-bottom:1px solid #6db025}

.aboutbox dd .about_point { width:100%; height:auto; overflow:hidden; float:left; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-around; margin-top:20px; padding:10px 0; background:url(../images/about_point_bg.jpg) no-repeat; background-size:100% 100%;}
.aboutbox dd .about_point li { width:50%; flex:0 0 50%; height:auto; float:left; text-align:center;}
.aboutbox dd .about_point li .num { height:auto; overflow:hidden; text-align:center; font-family:Impact; color:#666666; font-size:0.60rem; line-height:0.80rem; font-weight:bold;}
.aboutbox dd .about_point li .tit { font-size:0.24rem; line-height:0.50rem; color:#666666;}
.aboutbox dd .about_point li .unit { font-size:10px; line-height:16px; color:#666666; position:relative; margin-left:5px; top:-15px;}
.aboutbox dd .about_point li .des { color:#fff; line-height:20px; font-size:15px; text-align:left;}

.about_other { max-width:1200px; min-width:320px; height:auto; overflow:hidden; margin:0 auto;}
.about_other_bg { height:auto; overflow:hidden; position:relative;}
.about_other_bg.mt80 { margin-top:0px;}
.about_other_bg .pic {position:relative; left:0; top:0; height:auto; width:100%;}
.about_other_info { width:100%; height:auto; min-height:inherit; overflow:hidden; position:relative; background:#f2f2f2; float:none;}
.about_other_info .margin { margin:25px 10px;}
.about_other_info .tit { font-size:0.39rem; color:#333; line-height:0.60rem;}
.about_other_info .des { font-size:0.24rem; color:#666; line-height:0.40rem; margin-top:0.20rem; overflow:hidden; height:auto; text-align:center; /*text-align:justify; text-justify:distribute-all-lines;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical;}
.about_other_info .des.info { width:100%;}
.about_other_info.logo { width:100%; background:none; background-size:80% auto;}

/*产品展示*/
.productbox_bg { min-height:620px; height:auto; overflow:hidden; background:#f2f2f2;}
.productbox { width:100%; height:auto; overflow:visible; margin-top:12px;}
.productbox dt { width:100%; height:auto; overflow:hidden; position:relative; text-align:center;}
.productbox dt .title { height:auto; overflow:hidden; margin-left:10px; padding-left:15px; margin-top:8px; position:relative;}
.productbox dt .title:before { background:none;}
.productbox dt .tit { font-size:0.32rem; line-height:0.60rem; height:0.60rem; margin-left:0; position:relative; display:inline-block; color:#6db025; font-weight:normal;}
.productbox dt .tit:after { content:''; background:#6db025; width:100%; height:2px; left:0; bottom:0; position:absolute;}
.productbox dt .tit1 span { color:#6db025;}
.productbox dt .tit1 { font-size:0.24rem; line-height:0.40rem; margin-left:0; text-transform:uppercase; color:#000;}
.productbox dt .line { display:none;}
.productbox dt .des { color:#1a4791; font-size:0.20rem; line-height:0.40rem;}

.productbox dd { width:100%; height:auto; overflow:hidden; float:none;}
.productbox dd .mt40 { margin-top:0.20rem;}
.productbox dd .prev { width:2.80rem; height:0.62rem; position:absolute; right:50%; left:auto; top:auto; bottom:-80px; z-index:1; background:url(../images/productbox_scroll_prev_m.png) center center no-repeat; background-size:35% auto; border:1px solid #6db025;}
.productbox dd .next { width:2.80rem; height:0.62rem; position:absolute; left:50%; right:auto; top:auto; bottom:-80px; z-index:1; background:url(../images/productbox_scroll_next_m.png) center center no-repeat; background-size:35% auto; border:1px solid #6db025;}
.productbox dd .productScroll-left { padding-bottom:50px;}
.productbox dd .prev:hover { background-color:#6db025; background-image:url(../images/productbox_scroll_prev_m1.png);}
.productbox dd .next:hover { background-color:#6db025; background-image:url(../images/productbox_scroll_next_m1.png);}
.productbox .product_list { width:100%; height:auto; overflow:visible;}
.productbox .product_list li { width:44%; height:auto; float:left; margin-left:10px; margin-right:10px; padding-bottom:30px; margin-bottom:10px; overflow:hidden; position:relative; border-radius:20px; 
-moz-transition:all .5s cubic-bezier(0,0,.2,1);
-o-transition:all .5s cubic-bezier(0,0,.2,1);
-ms-transition:all .5s cubic-bezier(0,0,.2,1);
transition:all .5s cubic-bezier(0,0,.2,1);
box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
}
.productbox .product_list li:after { content:''; width:100%; position:absolute; left:0; bottom:-22px; height:22px; background:#6db025;
	webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.productbox .product_list li.ml0 { margin-left:0;}
.productbox .product_list li .des { margin:10px 10px; height:1.50rem; line-height:0.30rem; color:#000; overflow:hidden; /*text-align:justify; text-justify:distribute-all-lines;*/ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-size:12px;}
.productbox .product_list li .tit { display:block; width:100%; height:0.60rem; line-height:0.26rem; font-size:0.20rem; background:#cce3b3; color:#000; z-index:1; text-align:center; position:relative;
webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;
}
.productbox .product_list li .more{ width:80px; height:26px; margin:0 auto; line-height:26px; text-align:center; margin-top:10px; color:#599e49; border:1px solid #83b577;}
.productbox .product_list li a { display:block; position:relative;/* z-index:5; width:100%; height:100%; background:url(../images/productbox_list_mask.png) center center no-repeat; background-size:100% 100%;*/}
.productbox .product_list li .pic { width:100%; overflow:hidden; position:relative; z-index:0;}
.productbox .product_list li .pic img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.productbox .product_list li:hover:after { bottom:0;}
.productbox .product_list li:hover .pic img { 
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
}
.productbox .product_list li .brief { background:#34a045; position:relative; z-index:1; padding:0.10rem 0.20rem;}

.productbox .product_list li:hover .tit { }
.productbox .product_list li:hover .des { }
.productbox .product_list li:hover .more { background:#83b577; color:#fff;}


.into_us { display:none;}

.network_bg { height:auto; overflow:hidden; background:#fff; padding-bottom:0.30rem;}
.network { max-width:1200px; min-width:320px; margin:0 auto; margin-top:10px; background:url(../images/network_pic_m.jpg) 10% 50% no-repeat; background-size:90% auto;}
.network dt { max-width:1200px; min-width:320px; height:auto; margin:0 auto; overflow:hidden; position:relative;}
.network dt .title { height:auto; overflow:hidden; margin-right:0; padding-left:0; margin-top:8px; position:relative; text-align:center;}
.network dt .title:before { background:none;}
.network dt .tit { color:#6db025; font-size:0.32rem; line-height:0.60rem; height:0.60rem; font-weight:normal; display:inline-block; position:relative;}
.network dt .tit:after { content:''; background:#6db025; width:80px; height:2px; left:50%; margin-left:-40px; bottom:0; position:absolute;}
.network dt .tit1 { display:none;}
.network dt .des { margin:0 10px; color:#000; font-size:0.20rem; line-height:0.30rem; margin-top:0.20rem; text-align:center; font-weight:bold;}
.network dt .des1 { margin:0 10px; color:#000; font-size:0.20rem; line-height:0.30rem; margin-top:0.20rem; text-align:center;}
.network dt .tit1 span { color:#6db025;}
.network dd .global_icon_list { float:left; width:100%; height:auto; overflow:hidden; margin-top:4rem; margin-left:0; text-align:center;}
.network dd .global_icon_list a { font-size:0.12rem; color:#000; display:inline-block; width:auto; float:none; float:none; line-height:0.30rem; margin:0 0.05rem;}
.network dd .global_icon_list a img { width:0.20rem; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); margin-right:0.04rem;}
.network dd .info { width:43%; color:#000; font-size:0.10rem; line-height:0.30rem; margin-left:0.10rem;}
.network dd  .info.mt60 { margin-top:10px;}
.network dd .internal { margin-top:20px;}
.network dd .internal .tit { color:#000; font-size:0.32rem; line-height:0.60rem; font-weight:bold; text-align:center;}
.network dd .internal .internal_scroll.mt40 { margin-top:0.40rem;}
.network dd .internal ul li { width:20%; height:auto; float:left; overflow:hidden; margin:5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
.network dd .internal ul li:hover { box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}

/*新闻资讯*/
.newsbox { max-width:1200px; height:auto; margin:0 auto; margin-top:20px; overflow:visible;}
.newsbox dt { border:0;}
.newsbox dt:after { background:none;}
.newsbox dt { width:100%; height:auto; overflow:hidden; position:relative;}
.newsbox dt .title { height:auto; overflow:hidden; margin-left:0; padding-left:0; margin-top:8px; position:relative; text-align:center;}
.newsbox dt .title:before { background:none;}
.newsbox dt .tit { font-size:18px; line-height:35px; height:35px; margin-left:0; position:relative; display:inline-block; color:#6db025; font-weight:normal;}
.newsbox dt .tit:after { content:''; background:#6db025; width:100%; height:2px; left:0; bottom:0; position:absolute;}
.newsbox dt .tit1 { font-size:14px; line-height:15px; margin-left:0; text-transform:uppercase; color:#000;}
.newsbox dt .line { display:none;}
.newsbox dt .des { color:#1a4791; font-size:16px; line-height:27px;}

.newsbox dt .tabs { width:100%; height:auto; overflow:hidden; color:#333333; font-size:18px; text-align:right; margin-top:28px; position:relative; z-index:1; display:none;}
.newsbox dt .tabs li { display:inline-block; height:auto; overflow:hidden; margin:0 18px;}
.newsbox dt .tabs li a { display:block; width:80px; height:33px; line-height:33px; text-align:center; color:#434343; position:relative;}
.newsbox dt .tabs li:hover a,
.newsbox dt .tabs li.hover a{ color:#6db025;}
.newsbox dt .tabs li:hover a:after,
.newsbox dt .tabs li.hover a:after{ content:''; position:absolute; bottom:0; left:0; height:3px; width:100%; background:#6db025;}

.newsbox dd .news_box { padding-left:0; height:auto; overflow:hidden;}
.newsbox dd{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.newsbox dd{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
/*图片新闻列表样式*/
.newsbox dd ul.pic_news_list { width:100%; height:auto; margin:0; float:left; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between; display:none;}
.newsbox dd ul.pic_news_list li { height:auto; overflow:hidden; float:left;}
.newsbox dd ul.pic_news_list li .pic { height:auto; overflow:hidden; display:block;}
.newsbox dd ul.pic_news_list li .brief { padding:10px 0; height:auto; overflow:hidden;}
.newsbox dd ul.pic_news_list li .brief .tit { display:block; width:94%; height:40px; font-size:15px; line-height:40px; color:#373737; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;}
.newsbox dd ul.pic_news_list li .brief .des { width:100%; height:auto; overflow:hidden; line-height:24px; font-size:14px; margin-top:5px; color:#666666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align:justify; text-justify:inter-ideograph;}
.newsbox dd ul.pic_news_list li .brief .des .more { color:#f00000;}
/*新闻列表样式*/
.news_list_box { width:100%; height:auto; overflow:hidden; float:left; margin-top:0;}
.newsbox dd ul.news_list { width:auto; height:auto; overflow:hidden; margin:10px; background:#b2b2b2; padding-top:1px;/* display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;*/}
.newsbox dd ul.news_list li { height:93px; overflow:hidden; position:relative;}

.newsbox dd ul.news_list li .line { background:#c8d0df; width:100%; height:1px; position:absolute; left:0; bottom:0;}
.newsbox dd ul.news_list li { 
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
}
.newsbox dd ul.news_list li .date { width:92px; height:92px; overflow:hidden; float:left; color:#000; text-align:center; background:#f2f2f2; margin:1px; margin-top:0;}
.newsbox dd ul.news_list li .date .d { font-family:Impact; font-size:40.53px; line-height:50px; margin-top:10px;}
.newsbox dd ul.news_list li .date .y-m { font-size:14px; line-height:20px;}
.newsbox dd ul.news_list li .brief { position:absolute; left:94px; right:1px; bottom:1px; top:0; overflow:hidden; background:#f2f2f2; padding:0 10px;}
.newsbox dd ul.news_list li .tit { color:#2a2a2a; font-size:16px; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; margin-top:15px;}

.newsbox dd ul.news_list li .des { width:100%; height:24px; line-height:24px; overflow:hidden; margin-top:0px; font-size:14px; color:#666; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.newsbox dd ul.news_list li:hover,
.newsbox dd ul.news_list li.hover { background:#6db025;}
.newsbox dd ul.news_list li:hover .brief .des,
.newsbox dd ul.news_list li.hover .brief .des{ color:#6db025; height:48px; -webkit-line-clamp: 2;}
.newsbox dd ul.news_list li:hover .date,
.newsbox dd ul.news_list li.hover .date{ color:#6db025;}
.newsbox dd ul.news_list li:hover .brief .tit,
.newsbox dd ul.news_list li.hover .brief .tit { color:#6db025; margin-top:5px;}
.newsbox dd .news_more { width:130px; height:34px; line-height:34px; text-align:center; font-size:14px; color:#fff; background:#6db025; display:block; margin:20px auto; border-radius:17px;}
/*版权*/
.copyright_bg { height:auto; overflow:hidden; background:#fff; padding-bottom:0.15rem; font-size:0.24rem;}
.copyright_bg .footer_link { text-align:center; line-height:0.50rem; margin-top:0.15rem;}
.copyright_bg .footer_link a { line-height:0.50rem; }
.copyright { max-width:1200px; min-width:320px; height:auto; line-height:0.50rem; overflow:hidden; margin:0 auto; margin-top:0.05rem; color:#b2b2b2; text-align:center;}
.copyright a { color:#b2b2b2;}

.contentbox { margin-top:0.30rem;}
.contentbox dd { margin-top:0;}

.video-list { margin:0 5px; overflow:visible; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.video-list li { width:48%; flex:0 0 48%; margin:0 1%; float:left; height:auto; overflow:hidden; -webkit-box-shadow:0px 0px 10px #999; display:block; box-shadow:0px 0px 10px #999;}
.video-list li .pic { border:0; -moz-box-shadow:0px 0px 20px #ddd; overflow:hidden; display:block;}
.video-list li .name{ text-align:center; height:40px; line-height:40px; text-align:center; background:#fff; font-size:16px; color:#000;}
.video-list li:hover .name { background:#ffa800; color:#fff;}

.pic-news-list { width:100%; height:auto; overflow:hidden;}
.pic-news-list li { height:auto; overflow:hidden; background:#ccc; padding-left:0; margin-bottom:20px; padding-bottom:10px;}
.pic-news-list li .pic { width:50%; height:auto; overflow:hidden; float:left; margin:0; padding-top:10px;}
.pic-news-list li a { display:block;}
.pic-news-list li .brief { width:50%; height:auto; overflow:hidden; float:left; color:#000;}
.pic-news-list li .brief .tit { margin:0 12px; font-size:14px; line-height:30px; height:30px; margin-top:5px; text-align:center; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis}
.pic-news-list li .brief .date { margin:0 12px; height:auto; overflow:hidden; display:none;}
.pic-news-list li .brief .des { margin:0 10px; margin-top:0px; height:80px; overflow:hidden; line-height:20px; font-size:10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;/* text-align:justify; text-justify:inter-ideograph;*/}
.pic-news-list li:hover{ background:#6db025;}
.pic-news-list li:hover .brief { color:#fff;}

.goods_index { margin:30px 5px; height:auto; overflow:hidden;}
.goods_index li { width:46%; height:auto; overflow:hidden; margin:1.5%; float:left; border:1px solid #eee; border-radius:20px 20px 0 20px; box-shadow: 2px 2px 10px rgba(0,0,0,0.2);}
.goods_index li:hover { box-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.goods_index li .title { height:42px;  background:#fff; overflow:hidden; position:relative; z-index:1;}
.goods_index li .tit { line-height:30px; font-size:14px; color:#666; float:left; margin-top:10px; margin-left:10px;}
.goods_index li .icon { float:right; margin-top:10px; margin-right:10px;}
.detail { width:inherit; margin:0 10px;}
.detail .con img { max-width:100%; width:auto;}
.detail .con p { font-size:0.24rem;}

.ny_banner { height:auto;}
.guidebox dd { height:auto; overflow:hidden;}
.guidebox dd ul { width:100%; height:auto; margin:0; position:relative; overflow:hidden;}
.guidebox dd ul li { width:33.333%; min-width:inherit; height:0.80rem; min-height:inherit; position:relative; margin:0; float:left; text-align:center; border-bottom:1px solid #b6d792; padding:0;}
.guidebox dd ul li:before { content:''; position:absolute; left:0; top:30%; margin-top:-10px; width:1px; height:80%; background:#f1eceb; }
.guidebox dd ul li:after { content:''; width:14px; height:0; background:url(../images/guidebox_focus_icon.png) no-repeat; position:absolute; left:50%; margin-left:-7px; bottom:0;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	background:none;
}
.guidebox dd ul li.hover:after,
.guidebox dd ul li:hover:after { height:7px;}
.guidebox dd ul li a { color:#5c5c5c; display:block; height:0.60rem; margin-top:0px; position:relative;}
.guidebox dd ul li .cn { height:0.50rem; line-height:0.30rem; margin-top:0.10rem; font-size:0.24rem; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.guidebox dd ul li .en { line-height:0.20rem; font-weight:normal; font-size:0.10rem; text-transform:uppercase;
	-webkit-transform: scale(0.55);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(0.55);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	display:none;
}
.guidebox dd ul li a:before { content:''; position:absolute; left:50%; bottom:0; width:0; height:1px; background:#6db025; /* background:#e2e2e2; transform:skew(-30deg); border-radius:5px;*//*设置倾斜度为-30*/
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
}
.guidebox dd ul li:hover a:before,
.guidebox dd ul li.hover a:before{ width:34px; margin-left:-17px; /*background:#454545;*/}
.guidebox dd ul li:hover a,.guidebox dd ul li.hover a { color:#599e49;}
.guidebox dd ul li:hover a { /*margin-top:-5px;*/}
.guidebox dd ul li:hover a+.subnav{display:block;}
.location_bg { display:none;}

.leftbox { overflow:visible; z-index:1;}
.leftbox:after { height:4px; left:0; right:0;}

.btn-nav{
  position: absolute;top:0.20rem;right:0.20rem;background: transparent;border:none;padding:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease; -ms-transition: all .5s ease;-o-transition: all .5s ease;
  transition: all .5s ease;cursor: pointer;z-index: 9999;
}
.btn-nav:focus{outline: 0;}
.icon-bar {display: block;margin: 0.18rem 0;width: 0.66rem;height: 0.03rem;background-color:#6db025;}
.btn-nav:hover .icon-bar {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.nav-content {position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.8);display: block; height: 100%; overflow:hidden; overflow-y:auto; z-index: 110;}
.nav-list {list-style: none;padding: 0;position: relative;top:20px;text-align: center;}
.nav-list li{line-height: 33px}
.nav-list a{color: #eee;font-size: 15px;}
.item-anchor:after {
  content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
  -ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.item-anchor {color: #fff; font-size: 20px;text-transform: uppercase;position: relative;text-decoration: none;padding: 10px;display: block;}
.item-anchor:hover,.item-anchor:focus {color: #FCA311;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.item-anchor:hover:after,.item-anchor:focus:after{
  width: 100%;background: #FCA311;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;
}
.nav-item {margin: 0px auto;text-align: center;line-height: 35px;border-bottom: 1px solid rgba(255,255,255,0.1);}
.nav-item a{color:#fff;}
.animate-nav { display: block;margin: 0 auto;}
.animated-nav:hover .icon-bar,.animated:focus .icon-bar{background-color: #f00;}
.animated-nav:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
.animated-nav .icon-bar {z-index: 999999;background-color:#f71201;}
.animated-nav .top {
  -webkit-transform: translateY(0.20rem) rotateZ(45deg);
  -moz-transform: translateY(0.20rem) rotateZ(45deg);
  -ms-transform: translateY(0.20rem) rotateZ(45deg);
  -o-transform: translateY(0.20rem) rotateZ(45deg);
  transform: translateY(0.20rem) rotateZ(45deg);
}
.animated-nav .bottom {
  -webkit-transform: translateY(-0.20rem) rotateZ(-45deg);
  -moz-transform: translateY(-0.20rem) rotateZ(-45deg);
  -ms-transform: translateY(-0.20rem) rotateZ(-45deg);
  -o-transform: translateY(-0.20rem) rotateZ(-45deg);
  transform: translateY(-0.20rem) rotateZ(-45deg);
}
.ove{overflow: hidden;}
.animated-nav .middle {width: 0;}
.nav-item.active a{color: #f71201;}
@keyframes showNav {
  from {top: -100%;}
  to {top:0px;}
}
@-webkit-keyframes showNav {
  from {top: -100%;}
  to {top: 0;}
}
@-moz-keyframes showNav {
  from {top: -100%;}
  to {top:0px;}
}
@-o-keyframes showNav {
  from {top: -100%;}
  to {top:0px;}
}
.showNav {
  -webkit-animation: showNav 1s ease forwards;
  -moz-animation: showNav 1s ease forwards;
  -o-animation: showNav 1s ease forwards;
  animation: showNav 1s ease forwards;
}
@keyframes hideNav {
  from {top:0px;}
  to {top: -100%;}
}
@-webkit-keyframes hideNav {
  from {top:0px;}
  to {top: -100%;}
}
@-moz-keyframes hideNav {
  from {top:0px;}
  to {top: -100%;}
}
@-o-keyframes hideNav {
  from {top:0px;}
  to {top: -100%;}
}
.hideNav {
  -webkit-animation: hideNav 1s ease forwards;
  -moz-animation: hideNav 1s ease forwards;
  -o-animation: hideNav 1s ease forwards;
  animation: hideNav 1s ease forwards;
}
.hidden{display: none;}
.sub_menu {
    list-style: none;
    position: absolute;
    top: 90px;
    display: none;
    left: 50%;
    line-height:50px;
}
.sub_moo a{
  display: inline-block;
  font-size: 12px!important;
  padding: 1px 6px;
  border:1px solid rgba(255,255,255,0.5);
  line-height: 19px;
}
.nav-list .sub_moo a{
  color: #fff;
}
}